<template>
  <audio ref='audio' autoplay controls></audio>
</template>
<script>
import { mapGetters } from 'vuex'
export default {

  computed: {
    ...mapGetters([
      'fullScreen',
      'playlist',
      'currentSong',
      'playing',
      'currentIndex',
      'mode',
      'sequenceList',
      'favoriteList',
      'url'
    ])
  },
  methods: {
    back: function () {
      this.$router.back()
    }
  },
  watch: {
    url (newUrl) {
      this.$refs.audio.src = newUrl
    }
  }
}
</script>
<style lang="scss" scoped>
.mu-icon {
  margin-top: 10px;
}
audio{
    position:absolute;
    bottom:0;
    left:0;
    width: 100%;
}
</style>
